{extend name="index/index"}
{block name="main"}
<<<<<<< HEAD
<div class="container">

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">热门影片</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">即将上映</a></li>
<!--     <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> -->
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane fade in active" id="home">

        <!-- 影片遍历开始-->
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="row">
                        {foreach $data as $v}
                        <div class="col-md-4">
                            <div class="thumbnail">
                                <img alt="300x200" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/600/200/people/default.jpg" />
                                <div class="caption">
                                    <h3>{$v.filmname}</h3>
                                    <ol class="list-unstyled">
                                        <li>导演 :　{$v.duration}</li>
                                        <li><dd>主演 :　{$v.actor}</dd></li>
                                        <li>类型 :　{$v.type}</li>
                                        <li>时长 :　{$v.release_time} 分钟</li>
                                        <li>国家 :　{$v.regions}</li>
                                        <li>语言 :　{$v.language}</li>
                                    </ol>
                                    <p>
                                        <a class="btn btn-primary" href="{:url('index/movie/index',['filmid'=>$v.id])}">选坐</a> <a class="btn" href="#">详情</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
        <!-- 影片遍历-->


    </div>
    <div role="tabpanel" class="tab-pane fade" id="profile">
        
        <!-- 即将上映-->
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="row">
                    {foreach $data as $v}
                    <div class="col-md-4">
                        <div class="thumbnail">
                            <img alt="300x200" src="http://ibootstrap-file.b0.upaiyun.com/lorempixel.com/600/200/people/default.jpg" />
                            <div class="caption">
                                <h3>
                                    {$v.filmname}
                                </h3>
                                <ol class="list-unstyled">
                                    <li>导演 :　{$v.duration}</li>
                                    <li><dd>主演 :　{$v.actor}</dd></li>
                                    <li>类型 :　{$v.type}</li>
                                    <li>时长 :　{$v.release_time} 分钟</li>
                                    <li>国家 :　{$v.regions}</li>
                                    <li>语言 :　{$v.language}</li>
                                </ol>
                                <p>
                                    <a class="btn btn-primary" href="#">选坐</a> <a class="btn" href="#">详情</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div><!-- 即将上映结束-->

    </div>
    <div role="tabpanel" class="tab-pane" id="messages">...</div>
    <div role="tabpanel" class="tab-pane" id="settings">...</div>
  </div><!-- tab-content-->
</div><!-- container-->

<!--分页-->
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <ul class="pagination">
                <li><a href="#">Prev</a></li>

                <li><a href="#">1</a></li>

                <li><a href="#">Next</a></li>
            </ul>
        </div>
    </div>
</div>

{/block}
